import Vector from "../common/calc/vector"
import config from './config'

function Target(x, y) {
    this.pos = new Vector(x, y);  // 目标的所处位置

    // 目标的绘制方法
    this.draw = function (ctx) {
        // 保存canvas状态
        ctx.save();
        // canvas平移
        ctx.translate(this.pos.x, this.pos.y);
        // 绘制五角星
        ctx.beginPath();
        //设置五个顶点的坐标，根据顶点制定路径
        // for (var i = 0; i < 5; i++) {
        //     ctx.lineTo(Math.cos((18 + i * 72) / 180 * Math.PI) * 12, -Math.sin((18 + i * 72) / 180 * Math.PI) * 12);
        //     ctx.lineTo(Math.cos((54 + i * 72) / 180 * Math.PI) * 5, -Math.sin((54 + i * 72) / 180 * Math.PI) * 5);
        // }

        for (let i = 0; i < 5; i++) {
            ctx.lineTo(Math.cos((18 + i * 72) / 180 * Math.PI) * 7, -Math.sin((18 + i * 72) / 180 * Math.PI) * 7);
            ctx.lineTo(Math.cos((54 + i * 72) / 180 * Math.PI) * 3, -Math.sin((54 + i * 72) / 180 * Math.PI) * 3);
        }

        // for (var i = 0; i < 5; i++) {
        //     ctx.lineTo(Math.cos((18 + i * 72) / 180 * Math.PI) * 12, -Math.sin((18 + i * 72) / 180 * Math.PI) * 12);
        //     ctx.lineTo(Math.cos((54 + i * 72) / 180 * Math.PI) * 5, -Math.sin((54 + i * 72) / 180 * Math.PI) * 5);
        // }


        ctx.closePath();
        //设置边框样式以及填充颜色
        ctx.lineWidth = "0.6";
        ctx.fillStyle = "#F6F152";
        ctx.strokeStyle = "#F5270B";
        ctx.fill();
        ctx.stroke();


        ctx.setLineDash([10,4]);
        ctx.beginPath();
        //ctx.fillStyle = "rgba(255,255,255,0.35)";
        //ctx.fillStyle = "rgba(255,0,0,0.2)"
        ctx.arc(0, 0, config.interRange, 0, 2 * Math.PI, false);
        //ctx.fill();
        ctx.strokeStyle = "rgba(255,0,0,1)";
        ctx.stroke();
        ctx.closePath();


        // 恢复canvas绘图状态
        ctx.restore();
    }

    // 转成String的方法
    this.toString = function(){
        return `${this.pos.x}&#${this.pos.y}&#`
    }
}
// 导出
export default Target;